@charset"utf-8";

/*****表单控件*****/
a{
    color: #606266;
    display: inline-flex;
    flex-direction: real-row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
} 
/*a:link {color:#000000;}       未访问链接
/*a:visited {color:#00FF00;}   已访问链接 */
/*a:hover {color:#409eff;text-decoration: underline;}   鼠标移动到链接上 */
/*a:active {color:#409eff;text-decoration: underline;}  鼠标点击时 */
.inner:hover{
    
   text-decoration: underline;
      color: #409eff!important;
}
 .primary{
     
    color: #409eff;
 }
 .primary:hover{
     
   text-decoration: underline;
    color: #409eff!important;
 }
 .success{
     
    color: #67c23a;
 }
 .success:hover{
     
   text-decoration: underline;
    color: #67c23a ;
 }
 .warning{
     
    color: #e6a23c;
 }
 .warning:hover{
     
   text-decoration: underline;
    color: #e6a23c ;
 }
 .danger{
     color: #f44336;
 }
 .danger:hover{
     
   text-decoration: underline;
    color: #f44336 ;
 }
 .info{
     color: #909399;
 }
 .info:hover{
     
   text-decoration: underline;
     color: #909399;
 }
/*禁用*/
.inner-disabled, .inner-disabled:hover:hover{
    
    color: #909399;
   text-decoration: none; 
    cursor: not-allowed;
}
 .primary-disabled, .primary-disabled:hover{
     
    text-decoration: none;
    color: #a0cfff;
    cursor: not-allowed;
 } 
 .success-disabled,.success-disabled:hover{
     
    text-decoration: none;
    color: #b1f58e;
    cursor: not-allowed;
 } 
 .warning-disabled,.warning-disabled:hover{
     
    text-decoration: none;
    color: #f5c888;
    cursor: not-allowed;
 }
 .danger-disabled,.danger-disabled:hover{
    text-decoration: none;
     color: #ef8c8f;
    cursor: not-allowed;
 }
 .info-disabled, .info-disabled:hover{
    text-decoration: none;
     color: #cac7ce;
    cursor: not-allowed;
 }
.no-underline,.no-underline:hover{ 
    
    text-decoration: none;
}
 .underline:hover{
   text-decoration: underline;
 }
 /*b*/ 


section {
    display: block;
}

aside {
    display: block;
}

main {
    display: block;
}

header {
   
} 
 .real-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0;
}
.real-container.is-vertical {
    flex-direction: column;
}
 
.real-header{
      padding: 0 20px;
}
.real-aside {
    color: #333;
}

.real-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    padding: 20px;
}  
.real-footer, .real-main {
    box-sizing: border-box;
}

.real-footer, .real-header {
    background-color: #b3c0d1;
    color: #333;
    line-height: 60px;
}
.real-aside, .real-main {
    overflow: auto;
}
.real-aside, .real-header {
    box-sizing: border-box;
    flex-shrink: 0;
}  
.real-aside, .real-main {
    overflow: auto;
} 
 

.real-aside, .real-header {
    box-sizing: border-box;
    flex-shrink: 0;
} 
 
/*响应式布局*/
.real-container{
    
}

 
[class*=real-col-] {
    float: left;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
}
.real-col-24{
   width:100%; 
}

.real-col-23{
   width:95.83333%; 
} 
.real-col-22{
   width:91.66667%; 
}
.real-col-21{
   width:87.5%; 
} 
.real-col-20{
    width:83.33333%;
}
.real-col-19{
    width:79.16667%;
}
.real-col-18{
    width: 75%;
}
.real-col-17{
    width: 70.83333%;
}
.real-col-16{
    width: 66.66667%;
}
.real-col-15{
    width: 62.5%;
}
.real-col-14{
    width: 58.33333%;
}
.real-col-13{
    width: 54.16667%;
}
.real-col-12{
    width: 50%;
}
.real-col-11{
    width: 45.83333%;
}
.real-col-10{
    width: 41.66667%;
}
.real-col-9{
    width: 37.5%;
}
.real-col-8{
    width: 33.33333%;
}
.real-col-7{
    width: 29.16667%;
}
.real-col-6{
    width: 25%;
}
.real-col-5{
    width: 20%;
}
.real-col-4{
    width: 16.66667%;
}
.real-col-3{
    width: 12.5%;
}
.real-col-2{
    width: 8.33333%;
}
.real-col-1{
    width: 4.16667%;
}
.real-col-spa1{
    margin:0px -.5px;
}
.real-col-spa1>* {
    padding:0px .5px;
}
.real-col-spa2{
    margin: 0px -1px;
}
.real-col-spa2>* {
    padding: 0px 1px;
}
 
.real-col-spa4{
    margin: 0px -2px;
}
.real-col-spa4>* {
    padding:0px 2px;
}
.real-col-spa5{
        margin: 0px -2.5px;
}
.real-col-spa5>*{
        padding: 0px 2.5px;
}
.real-col-spa6{
        margin: 0px -3px;
}
.real-col-spa6>*{
        padding:0px 3px;
}
.real-col-spa8{
        margin:0px -4px;
}
.real-col-spa8>*{
        padding: 0px 4px;
} 
.real-col-spa10{
        margin:0px -5px;
}
.real-col-spa10>*{
        padding: 0px 5px;
}
.real-col-spa12{
        margin:0px -6px;
}
.real-col-spa12>*{
        padding: 0px 6px;
}
 
.real-col-spa14{
        margin:0px -7px;
}
.real-col-spa14>*{
        padding: 0px 7px;
}  
.real-col-spa15{
        margin:0px -7.5px;
}
.real-col-spa15>*{
        padding: 0px 7.5px;
}  
.real-col-spa16{
        margin:0px -8px;
}
.real-col-spa16>*{
        padding: 0px 8px;
}   
.real-col-spa18{
        margin:0px -9px;
}
.real-col-spa18>*{
        padding: 0px 9px;
}    
.real-col-spa20{
        margin:0px -10px;
}
.real-col-spa20>*{
        padding: 0px 10px;
}   
.real-col-spa22{
        margin:0px -11px;
}
.real-col-spa22>*{
        padding: 0px 11px;
}  
.real-col-spa24{
        margin:0px -12px;
}
.real-col-spa24>*{
        padding: 0px 12px;
}   
.real-col-spa25{
        margin:0px -12.5px;
}
.real-col-spa25>*{
        padding: 0px 12.5px;
}  
.real-col-spa26{
        margin:0px -13px;
}
.real-col-spa26>*{
        padding: 0px 13px;
} 
.real-col-spa28{
        margin:0px -14px;
}
.real-col-spa28>*{
        padding: 0px 14px;
} 
.real-col-spa30{
        margin:0px -15px;
}
.real-col-spa30>*{
        padding: 0px 15px;
}       
 
 .real-row{
     text-align: center;
   
 }
 /*清除浮动 */
 .real-row:after { 
    content:"";
    display: table;
    clear: both;
}
/*布局*/
    
 label {
    cursor:pointer;
}
input, textarea, select, button {
    outline:none;
}
.real-input, .real-text {
    border:1px solid #bebebe;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:14px;
    color:#333;
    /*width:200px;*/
}
.real-input, .real-text, .real-select {
    -webkit-transition:0.2s ease-in;
    transition:0.2s ease-in;
    transition-property:box-shadow;
}
.real-input {
    transition-property:box-shadow, border-color;
}
.real-input::-webkit-input-placeholder, .real-text::-webkit-input-placeholder {
    color:#a9a9a9;
}
.real-input {
    height:34px;
    padding:0 8px; 
}
input,textarea  ,select  { 
     width:100%; 
}
 
input[type="checkbox"] { 
     float: left;
}
.real-checkbox,.real-radio{
    
     float: left;
}
.real-text {
    height:80px;
    padding:4px 8px;
    line-height:20px;
}
.real-input.real-under, .real-text.real-under {
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:1px solid #bebebe;
    background:transparent;
}
.real-input:focus, .real-text:focus, .real-select:hover {
    border-color:#7a9cd3;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(122, 156, 211, 0.6);
}
.real-input.real-under:focus, .real-text.real-under:focus {
    border-color:#7a9cd3;
    -webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
}
.real-input.real-width1, .real-text.real-width1, .real-select.real-width1 {
    width:250px;
}
.real-input.real-width2, .real-text.real-width2, .real-select.real-width2 {
    width:300px;
}
.real-input.real-width3, .real-text.real-width3, .real-select.real-width3 {
    width:350px;
}
.real-input.real-width4, .real-text.real-width4, .real-select.real-width4 {
    width:400px;
}
.real-input.real-width5, .real-text.real-width5, .real-select.real-width5 {
    width:450px;
}
.real-input.real-width6, .real-text.real-width6, .real-select.real-width6 {
    width:500px;
}
.real-input.real-height1, .real-select.real-height1 {
    height:38px;
}
.real-input.real-height2, .real-select.real-height2 {
    height:42px;
}
.real-input.real-height3, .real-select.real-height3 {
    height:46px;
}
.real-input.real-height4, .real-select.real-height4 {
    height:50px;
}
.real-text.real-height1 {
    height:100px;
}
.real-text.real-height2 {
    height:120px;
}
.real-text.real-height3 {
    height:140px;
}
.real-text.real-height4 {
    height:160px;
}
.real-text.real-height5 {
    height:180px;
}
.real-text.real-height6 {
    height:200px;
}
.real-input.real-ful, .real-text.real-ful, .real-button.real-ful, .real-select.real-ful {
    width:100%;
}
.real-input.real-round, .real-text.real-round, .real-button.real-round, .real-select.real-round, .real-table.real-round, .real-tablein.real-round table {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.real-input.real-readonly {
    background:#eee;
    cursor:not-allowed;
    color:#a9a9a9;
}
.real-input.real-readonly:focus {
    border-color:#bebebe;
    box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
}

.real-button {
  
    border: none;
    color: white;
    font-family:Arial;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    
    
    /*box-shadow:inset 0px 0px 2px #fff;*/
    /*-webkit-box-shadow:inset 0px 0px 2px #fff;*/
    /*-moz-box-shadow:inset 0px 0px 2px #fff;*/
    /*padding:0 18px;*/
    /*height:38px;*/
    /*cursor:pointer;*/
    /*font-size:14px;*/
    /*-webkit-border-radius:0;*/
    /*-moz-border-radius:0;*/
    /*border-radius:0;*/
}
.real-button.real-min {
    min-width:72px;
}
.real-select {
    /*width:200px;*/
    height:34px;
    border:1px solid #bebebe;
    padding:0 16px 0 6px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-image:url("");
    background-repeat:no-repeat;
    background-position:right center;
    background:#fff;
}
.real-select.real-black {
    background-image:url("");
    background:#333;
    border-color:#333;
    color:#fff;
}
/*normal*/
 .real-button, .real-file span {
    color:#333;
    border:1px solid #bebebe;
    background:#fff;
    border-radius: 4px;
    /*background-image:-moz-linear-gradient(top, #fff, #f1f1f1);*/
    /*background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f1f1));*/
    /*background-image:-webkit-linear-gradient(top, #fff, #f1f1f1);*/
    /*background-image:-o-linear-gradient(top, #fff, #f1f1f1);*/
    /*background-image:linear-gradient(to bottom, #fff, #f1f1f1);*/
}
.real-button:hover, .real-file:hover span {
    /*border:1px solid #bebebe;*/
    
    /*border:1px solid #ecf5ff;*/
    background:#ecf5ff;
    /*background-image:-moz-linear-gradient(top, #f1f1f1, #fff);*/
    /*background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fff));*/
    /*background-image:-webkit-linear-gradient(top, #f1f1f1, #fff);*/
    /*background-image:-o-linear-gradient(top, #f1f1f1, #fff);*/
    /*background-image:linear-gradient(to bottom, #f1f1f1, #fff);*/
} 

.real-button:active {
    box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.3);
}
/*real-blue*/
 .real-button.real-blue, .real-file.real-blue span {
    background-image:none;
    color:#fff;
    border:1px solid #0e73e9;
    background:#0e73e9;
}
.real-button.real-blue:hover, .real-file.real-blue:hover span {
    background:#409eff;
}
 .real-button.real-new-blue, .real-file.real-new-blue span {
    background-image:none;
    color:#fff;
    border:1px solid #409eff;
    background:#409eff;
}
.real-button.real-new-blue:hover, .real-file.real-new-blue:hover span {
    border:1px solid #79bbff;
    background:#79bbff;
}

 .real-button.real-plain-blue, .real-file.real-plain-blue span {
    background-image:none;
    color:#1286ff;
    border:1px solid #409eff;
    background:#e6f2ff;
}
.real-button.real-plain-blue:hover, .real-file.real-plain-blue:hover span {
    color:#fff;
    border:1px solid #409eff;
    background:#409eff;
}
/*plain*/
/*real-red*/
 .real-button.real-red, .real-file.real-red span {
    background-image:none;
    color:#fff;
    border:1px solid #e84543;
    background:#e84543;
}
.real-button.real-red:hover, .real-file.real-red:hover span {
    background:#d11210;
}
 .real-button.real-new-red, .real-file.real-new-red span {
    background-image:none;
    color:#fff;
    border:1px solid #f56c6c;
    background:#f56c6c;
}
.real-button.real-new-red:hover, .real-file.real-new-red:hover span {
    border:1px solid #f98e8e;
    background:#f98e8e;
}

.real-button.real-plain-red, .real-file.real-plain-red span {
    background-image:none;
    color:#e84543;
    border:1px solid #f56c6c;
    background:#f4f4f5;
}
.real-button.real-plain-red:hover, .real-file.real-plain-red:hover span {
    color:#fff;
    border:1px solid #f98e8e;
    background:#e84543;
}
/*real-yellow*/
 .real-button.real-yellow, .real-file.real-yellow span {
    background-image:none;
    color:#fff;
    border:1px solid #f4c044;
    background:#f4c044;
}
.real-button.real-yellow:hover, .real-file.real-yellow:hover span {
    background:#d7a12e;
}
 .real-button.real-new-yellow, .real-file.real-new-yellow span {
    background-image:none;
    color:#fff;
    border:1px solid #e6a23c;
    background:#e6a23c;
}
.real-button.real-new-yellow:hover, .real-file.real-new-yellow:hover span {
    border:1px solid #f9bf69;
    background:#f9bf69;
}
 .real-button.real-plain-yellow, .real-file.real-plain-yellow span {
    background-image:none;
    color:#e6a23c;
    border:1px solid #e6a23c;
    background:#fff9f0;
}
.real-button.real-plain-yellow:hover, .real-file.real-plain-yellow:hover span {
    color:#fff;
    border:1px solid #e6a23c;
    background:#e6a23c;
}
/*real-green*/

 .real-button.real-green, .real-file.real-green span {
    background-image:none;
    color:#fff;
    border:1px solid #5cb85c;
    background:#5cb85c;
}
.real-button.real-green:hover, .real-file.real-green:hover span {
    background:#2aa62a;
}
 .real-button.real-new-green, .real-file.real-new-green span {
    background-image:none;
    color:#fff;
    border:1px solid #67c23a;
    background:#67c23a;
}
.real-button.real-new-green:hover, .real-file.real-new-green:hover span {
    border:1px solid #8cd26a;
    background:#8cd26a;
}
 .real-button.real-plain-green, .real-file.real-plain-green span {
    background-image:none;
    color:#67c23a;
    border:1px solid #67c23a;
    background:#effbe9;
}
.real-button.real-plain-green:hover, .real-file.real-plain-green:hover span {
    color:#fff;
    border:1px solid #67c23a;
    background:#67c23a;
}


/*real-black*/
 .real-button.real-black, .real-file.real-black span {
    background-image:none;
    color:#fff;
    border:1px solid #444444;
    background:#444444;
}
.real-button.real-black:hover, .real-file.real-black:hover span {
    background:#222222;
}
 .real-button.real-new-black, .real-file.real-new-black span {
    background-image:none;
    color:#fff;
    border:1px solid #909399;
    background:#909399;
}
.real-button.real-new-black:hover, .real-file.real-new-black:hover span {
    border:1px solid #b5b5b7;
    background:#b5b5b7;
}
 .real-button.real-plain-black, .real-file.real-plain-black span {
    background-image:none;
    color:#4e4e4e;
    border:1px solid #909399;
    background:#e8e8e8;
}
.real-button.real-plain-black:hover, .real-file.real-plain-black:hover span {
    color:#fff;
    border:1px solid #909399;
    background:#909399;
}
/*real-rem*/
 .real-button.real-rem, .real-file.real-rem span {
    background-image:none;
    color:#fff;
    border:1px solid #2b84d0;
    background:#2b84d0;
}
.real-button.real-rem:hover, .real-file.real-rem:hover span {
    background:#106ebf;
}
/*real-coffee*/
/* .real-button.real-coffee, .real-file.real-coffee span {*/
/*    background-image:none;*/
/*    color:#fff;*/
/*    border:1px solid #6b5440;*/
/*    background:#6b5440;*/
/*}*/
/*.real-button.real-coffee:hover, .real-file.real-coffee:hover span {*/
/*    background:#503b2a;*/
/*}*/
/*disabled*/
 .real-button.real-disabled:hover, .real-button:disabled:hover {
    box-shadow:none;
    cursor: not-allowed;
}
.real-button.real-disabled, .real-button.disabled:hover, .real-button:disabled, .real-button:disabled:hover {
    cursor: not-allowed;
    color:#aeaeae;
    border:1px solid #d0d0d0; 
    background-image:-moz-linear-gradient(top, #fff, #f1f1f1);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f1f1));
    background-image:-webkit-linear-gradient(top, #fff, #f1f1f1);
    background-image:-o-linear-gradient(top, #fff, #f1f1f1);
    background-image:linear-gradient(to bottom, #fff, #f1f1f1);
}
/*按钮*/
 .button {
    /* Green */
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    margin: 2px 2px;
    cursor: pointer;
}
/*按钮动画*/
 .button-after span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
.button-after span:after {
    content:'»';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
.button-after:hover span {
    padding-right: 25px;
}
.button-after:hover span:after {
    opacity: 1;
    right: 0;
}
.button-after2 {
    position: relative;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}
.button-after2:after {
    content:"";
    background: #999;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}
.button-after2:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
.button-after3 {
    display: inline-block;
    padding: 15px 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    border: none;
}
.button-after3:hover {
    background: #3e8e41
}
.button-after3:active {
    background: #3e8e41;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}
/*颜色开始*/
 .Bg-Green {
    background: #67C23A;
    border: 1px solid #67C23A;
    color: white;
}
.Bg-Green {
    background: #67C23A;
    border: 1px solid #67C23A;
    color: white;
}
/* Blue */
 .Bg-Blue {
    background: #409EFF;
    border: 1px solid #409EFF;
    color: white;
}
/* Blue */
 .Bg-Warning {
    background: #E6A23C;
    border: 1px solid #E6A23C;
    color: white;
}
/* Blue */
 .Bg-Red {
    background: #f44336;
    border: 1px solid #f44336;
    color: white;
}
/* Red */
 .Bg-Gray {
    background: #e7e7e7;
    border: 1px solid #e7e7e7;
    color: black;
}
/* Gray */
 .Bg-Black {
    background: #555555;
    border: 1px solid #555555;
    color: white;
}
/* Black */
 .Bg-Orange {
    background: #ff8a10;
    border: 1px solid #ff8a10;
    color: white;
}
/* Orange */

/*边框颜色*/
 .bor-green {
    background: white;
    color: black;
    border: 1px solid #4CAF50;
}
.bor-blue {
    background: white;
    color: black;
    border: 1px solid #008CBA;
}
.bor-red {
   
    background: white;
    color: black;
    border: 1px solid #f44336;
}
.bor-gray {
    background: white;
    color: black;
    border: 1px solid #e7e7e7;
}
.bor-black {
    
    background: white;
    color: black;
    border: 1px solid #555555;
}
.bor-warning {
    background: white;
    color: black;
    border: 1px solid #E6A23C;
}
.bor-Orange {
    background: white;
    color: black;
    border: 1px solid #ff8a10;
}
/*浮动加背景色*/
 .bor-color-h1:hover {
    background: #4CAF50;
    color: white;
}
.bor-color-h2:hover {
    background: #008CBA;
    color: white;
}
.bor-color-h3:hover {
    background: #f44336;
    color: white;
}
.bor-color-h4:hover {
    background: #e7e7e7;
}
.bor-color-h5:hover {
    background: #555555;
    color: white;
}
.bor-color-h6:hover {
    background: #E6A23C;
    color: white;
}
.bor-Orange-h:hover {
    background: #ff8a10;
    color: white;
}
/*浮点取消背景色*/
 .Bg-Warning-h:hover {
    background: white;
    color: black;
    border: 1px solid #E6A23C;
}
.Bg-Green-h:hover {
    background: white;
    color: black;
    border: 1px solid #4CAF50;
}
.Bg-Blue-h:hover {
    background: white;
    color: black;
    border: 1px solid #008CBA;
}
.Bg-Red-h:hover {
    background: white;
    color: black;
    border: 1px solid #f44336;
}
.Bg-Gray-h:hover {
    background: white;
    color: black;
    border: 1px solid #e7e7e7;
}
.Bg-Orange-h:hover {
    background: white;
    color: black;
    border: 1px solid #ff8a10;
}
/*#ff8a10 Bg-Orange*/
 .Bg-Black-h:hover {
    background: white;
    color: black;
    border: 1px solid #555555;
}
/*颜色结束*/

/*字体大小*/
 .size1 {
    font-size: 10px;
}
.size2 {
    font-size: 12px;
}
.size3 {
    font-size: 16px;
}
.size4 {
    font-size: 20px;
}
.size5 {
    font-size: 24px;
}
/*圆角*/
 .radius0 {
    border-radius: 0px;
}
 .radius1 {
    border-radius: 2px;
}
.radius2 {
    border-radius: 4px;
}
.radius3 {
    border-radius: 8px;
}
.radius4 {
    border-radius: 12px;
}
.radius5 {
    border-radius: 50%;
}
/*阴影*/
 .shadow1 {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shadow2:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
/*禁用*/
 .disabled {
    opacity: 0.6;
    cursor: not-allowed;
}












/*real-button-lit*/
 .real-file.real-lit {
    height:34px;
    min-width:58px;
}
.real-button.real-lit, .real-file.real-lit span {
    height:34px;
    font-size:12px;
    padding:0 12px;
    min-width:58px;
}
.real-file.real-lit i, .real-file.real-lit img {
    position:relative;
    top:-1px;
}
/*****表单控件*****/

/*****单选框*****/

.real-clear {
	clear: both
	}
.real-RadioStyle input {
	display: none
	}
.real-RadioStyle label {
	border: 1px solid #CCC;
	color: #666;
	padding: 2px 10px 2px 5px;
	line-height: 28px;
	min-width: 80px;
	text-align: center;
	float: left;
	margin: 2px;
	border-radius: 4px
	}


 .real-radio {
    height:20px;
    line-height:20px;
    position:relative;
    font-size:14px;
    margin-bottom:10px;
}
.real-radio:last-child {
    margin-bottom:0;
}
span.real-radio {
    display:inline-block;
    margin-bottom:0;
    margin-right:18px;
    vertical-align:top;
}
.real-radio label span {
    margin-left:26px;
    color:#333;
}
.real-radio label input[type="radio"] {
    position:absolute;
    z-index:-1;
    width:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
}
.real-radio label em {
    display:block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #ddd;
    background:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:0.1s ease-in;
    transition:0.1s ease-in;
    -webkit-transition-property:border-color, background;
    transition-property:border-color, background;
}
.real-radio label, .real-radio label span {
    height:20px;
    line-height:20px;
    display:inline-block;
}
.real-radio label input[type="radio"]:checked + em {
    border-color:#696969;
    background:#696969;
    background-clip:content-box;
    padding:4px;
}
.real-radio.real-blue label input[type="radio"]:checked + em, .real-radio.real-blue2 label input[type="radio"]:checked + em {
    border-color:#409eff;
    background:#409eff;
    background-clip: content-box;
}
.real-radio.real-red label input[type="radio"]:checked + em, .real-radio.real-red2 label input[type="radio"]:checked + em {
    border-color:#f56c6c;
    background:#f56c6c;
    background-clip: content-box;
}
.real-radio.real-yellow label input[type="radio"]:checked + em, .real-radio.real-yellow2 label input[type="radio"]:checked + em {
    border-color:#f4c044;
    background:#f4c044;
    background-clip: content-box;
}
.real-radio.real-green label input[type="radio"]:checked + em, .real-radio.real-green2 label input[type="radio"]:checked + em {
    border-color:#5cb85c;
    background:#5cb85c;
    background-clip: content-box;
}
.real-radio.real-black label input[type="radio"]:checked + em, .real-radio.real-black2 label input[type="radio"]:checked + em {
    border-color:#222222;
    background:#222222;
    background-clip: content-box;
}
.real-radio.real-blue2 label input[type="radio"]:checked + em + span {
    color:#409eff;
}
.real-radio.real-red2 label input[type="radio"]:checked + em + span {
    color:#f56c6c;
}
.real-radio.real-yellow2 label input[type="radio"]:checked + em + span {
    color:#f4c044;
}
.real-radio.real-green2 label input[type="radio"]:checked + em + span {
    color:#5cb85c;
}
.real-radio.real-black2 label input[type="radio"]:checked + em + span {
    color:#222222;
}
/*****单选框*****/

/*****复选框*****/
.real-RadioStyle input:checked + label {
	background: url(../img/ico_checkon.svg) no-repeat right bottom;
	border: 1px solid #00a4ff;
	background-size: 21px 21px;
	color: #00a4ff
	}
.real-RadioStyle input:disabled + label {
	opacity: 0.7;
	}
 .real-checkbox {
    min-width:20px;
    height:20px;
    line-height:20px;
    position:relative;
    font-size:14px;
    margin-bottom:10px;
}
.real-checkbox:last-child {
    margin-bottom:0;
}
span.real-checkbox {
    display:inline-block;
    margin-bottom:0;
    margin-right:18px;
    vertical-align:top;
}
span.real-checkbox:last-child {
    margin-right:0;
}
.real-checkbox label span {
    margin-left:26px;
    color:#333;
}
.real-checkbox label input[type="checkbox"] {
    position:absolute;
    z-index:-1;
    width:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
}
.real-checkbox label em {
    display:block;
    width:20px;
    height:20px;
    border-radius:4px;
    border:1px solid #ddd;
    background:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:0.1s ease-in;
    transition:0.1s ease-in;
    -webkit-transition-property:border-color, background;
    transition-property:border-color, background;
}
.real-checkbox label em:before, .real-checkbox label em:after {
    content:"";
    display:block;
    position:absolute;
    background:#fff;
}
.real-checkbox label em:before {
    width:6px;
    height:2px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:10px;
    left:3px;
}
.real-checkbox label em:after {
    width:10px;
    height:2px;
    -webkit-transform:rotate(128deg);
    transform:rotate(128deg);
    top:8px;
    left:6px;
}
.real-checkbox label, .real-checkbox label span {
    height:20px;
    line-height:20px;
    display:inline-block;
}
.real-checkbox label input[type="checkbox"]:checked + em {
    border-color:#696969;
    background:#696969;
}
.real-checkbox.real-blue label input[type="checkbox"]:checked + em, .real-checkbox.real-blue2 label input[type="checkbox"]:checked + em {
    border-color:#409eff;
    background:#409eff;
}
.real-checkbox.real-red label input[type="checkbox"]:checked + em, .real-checkbox.real-red2 label input[type="checkbox"]:checked + em {
    border-color:#f56c6c;
    background:#f56c6c;
}
.real-checkbox.real-yellow label input[type="checkbox"]:checked + em, .real-checkbox.real-yellow2 label input[type="checkbox"]:checked + em {
    border-color:#f4c044;
    background:#f4c044;
}
.real-checkbox.real-green label input[type="checkbox"]:checked + em, .real-checkbox.real-green2 label input[type="checkbox"]:checked + em {
    border-color:#5cb85c;
    background:#5cb85c;
}
.real-checkbox.real-black label input[type="checkbox"]:checked + em, .real-checkbox.real-black2 label input[type="checkbox"]:checked + em {
    border-color:#222222;
    background:#222222;
}
.real-checkbox.real-blue2 label input[type="checkbox"]:checked + em + span {
    color:#409eff;
}
.real-checkbox.real-red2 label input[type="checkbox"]:checked + em + span {
    color:#f56c6c;
}
.real-checkbox.real-yellow2 label input[type="checkbox"]:checked + em + span {
    color:#f4c044;
}
.real-checkbox.real-green2 label input[type="checkbox"]:checked + em + span {
    color:#5cb85c;
}
.real-checkbox.real-black2 label input[type="checkbox"]:checked + em + span {
    color:#222222;
}
/*****复选框*****/

/*****开关*****/

/*默认样式*/
 .real-switch {
    position:relative;
    -webkit-touch-callout:none;
    cursor:pointer;
    overflow:hidden;
    width:42px;
    height:24px;
    border:1px solid #dddddd;
    border-radius:13px;
    -webkit-appearance:none;
    -webkit-user-select:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#dcdfe6;
}
.real-switch:before {
    content:"";
    width:22px;
    height:22px;
    line-height:24px;
    text-transform:uppercase;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    -webkit-border-radius:50%;
    background:#fff;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:0.2s ease-in;
    transition:0.2s ease-in;
    -webkit-transition-property:background, left;
    transition-property:background, left;
}
.real-switch:checked {
    border-color:#696969;
    background:#696969;
    color:#fff;
}
.real-switch:checked:before {
    left:20px;
}
.real-switch.real-onoff {
    width:64px;
}
.real-switch.real-onoff:before {
    content:"OFF";
    text-indent:27px;
}
.real-switch.real-onoff:checked:before {
    content:"ON";
    left:40px;
    text-indent:-28px;
}
.real-switch.real-blue:checked {
    border-color:#409eff;
    background:#409eff;
}
.real-switch.real-red:checked {
    border-color:#f56c6c;
    background:#f56c6c;
}
.real-switch.real-yellow:checked {
    border-color:#f4c044;
    background:#f4c044;
}
.real-switch.real-green:checked {
    border-color:#5cb85c;
    background:#5cb85c;
}
.real-switch.real-black:checked {
    border-color:#222222;
    background:#222222;
}
/*自定义文字描述*/
 .real-switch-tip {
    display:inline-block;
    height:24px;
    position:relative;
    margin-bottom:10px;
}
.real-switch-tip:last-child {
    margin-bottom:0;
}
span.real-switch-tip {
    margin-bottom:0;
    margin-right:10px;
    vertical-align:top;
}
span.real-switch-tip:last-child {
    margin-right:0;
}
div.real-switch-tip {
    display:table;
}
.real-switch-tip label, .real-switch-tip span {
    height:24px;
    display:block;
}
.real-switch-tip span {
    font-size:12px;
    min-width:24px;
    text-align:center;
    line-height:24px;
    padding-left:28px;
    padding-right:12px;
    color:#999;
    position:relative;
    z-index:2;
    overflow-y:hidden;
}
.real-switch-tip span + span {
    display:none;
}
.real-switch-tip input[type="checkbox"] {
    position:absolute;
    z-index:-1;
    width:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
}
.real-switch-tip label em {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:15px;
    border:1px solid #ddd;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:24px;
    z-index:1;
}
.real-switch-tip label em:after {
    content:"";
    display:block;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    position:absolute;
    top:0;
    left:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.real-switch-tip label input[type="checkbox"]:checked + em {
    border-color:#696969;
    background:#696969;
}
.real-switch-tip label input[type="checkbox"]:checked + em:after {
    left:auto;
    right:0;
    background:#fff;
}
.real-switch-tip label input[type="checkbox"]:checked + em + span, .real-switch-tip label input[type="checkbox"]:checked + em + span + span {
    padding-left:12px;
    padding-right:28px;
    color:#fff;
}
.real-switch-tip label input[type="checkbox"]:checked + em + span {
    display:none;
}
.real-switch-tip label input[type="checkbox"]:checked + em + span + span {
    display:block;
}
.real-switch-tip label input[type="checkbox"]:checked + em + span:after {
    content:"ON";
}
.real-switch-tip span, .real-switch-tip label em, .real-switch-tip label em:after {
    -webkit-transition:0.2s ease-in;
    transition:0.2s ease-in;
    -webkit-transition-property:border-color, background;
    transition-property:border-color, background;
}
.real-switch-tip.real-blue label input[type="checkbox"]:checked + em {
    border-color:#409eff;
    background:#409eff;
}
.real-switch-tip.real-red label input[type="checkbox"]:checked + em {
    border-color:#f56c6c;
    background:#f56c6c;
}
.real-switch-tip.real-yellow label input[type="checkbox"]:checked + em {
    border-color:#f4c044;
    background:#f4c044;
}
.real-switch-tip.real-green label input[type="checkbox"]:checked + em {
    border-color:#5cb85c;
    background:#5cb85c;
}
.real-switch-tip.real-black label input[type="checkbox"]:checked + em {
    border-color:#222222;
    background:#222222;
}
/*****开关*****/

/*****上传控件*****/
 .real-file {
     float: left;
    display:inline-block;
    height:36px;
    position:relative;
    margin-bottom:10px;
    cursor:pointer;
}
.real-file:last-child {
    margin-bottom:0;
}
span.real-file {
    margin-bottom:0;
    margin-right:10px;
    vertical-align:top;
}
span.real-file:last-child {
    margin-right:0;
}
div.real-file {
    display:table;
}
.real-file input[type="file"] {
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    font-size:0;
    cursor:pointer;
    z-index:2;
}
.real-file span {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    padding:0 15px;
    height:36px;
    line-height:36px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-size:14px;
    position:relative;
    z-index:1;
}
/*.real-file i, .real-file img {height:18px; display:inline-block; vertical-align:middle; overflow:hidden; margin-right:6px;}*/
 .real-file i, .real-file img {
    height:20px;
    line-height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:6px;
}
.real-file i {
    transform:translateY(-1px);
}
.real-file img {
    transform:translateY(-2px);
}
.real-file i {
    min-width:20px;
    font-size:20px;
    background-image:url("");
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.real-file.real-blue i, .real-file.real-red i, .real-file.real-yellow i, .real-file.real-green i, .real-file.real-black i {
    background-image:url("");
}
.real-file i[class^="icon-"], .real-file i[class*=" icon-"], .real-file i[class^="ico-"], .real-file i[class*=" ico-"], .real-file i[class^="ion-"], .real-file i[class*=" ion-"], .real-file i[class^="glyphicon-"], .real-file i[class*=" glyphicon-"], .real-file i[class^="fa-"], .real-file i[class*=" fa-"], .real-file i[class^="ti-"], .real-file i[class*=" ti-"], .real-file i[class^="zmdi-"], .real-file i[class*=" zmdi-"], .real-file i[class^="wi-"], .real-file i[class*=" wi-"] {
    background-image:none;
}
/*****上传控件*****/

/*****表格*****/

/*默认样式*/
 .real-table, .real-tablein table {
    font-size:14px;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
}
.real-table>thead>tr>th, .real-table>thead>tr>td, .real-table>tbody>tr>th, .real-table>tbody>tr>td, .real-tablein table>thead>tr>th, .real-tablein table>thead>tr>td, .real-tablein table>tbody>tr>th, .real-tablein table>tbody>tr>td {
    padding:8px;
    border:1px solid #ddd;
}
.real-table.center, .real-tablein.center table {
    text-align:center;
}
/*无外部边框*/
 .real-table.real-nobor-out>thead>tr:first-child>th, .real-table.real-nobor-out>thead>tr:first-child>td, .real-table.real-nobor-out>tbody>tr:first-child>th, .real-table.real-nobor-out>tbody>tr:first-child>td, .real-tablein.real-nobor-out table>thead>tr:first-child>th, .real-tablein.real-nobor-out table>thead>tr:first-child>td, .real-tablein.real-nobor-out table>tbody>tr:first-child>th, .real-tablein.real-nobor-out table>tbody>tr:first-child>td {
    border-top:0;
}
.real-table.real-nobor-out>thead>tr:last-child>th, .real-table.real-nobor-out>thead>tr:last-child>td, .real-table.real-nobor-out>tbody>tr:last-child>th, .real-table.real-nobor-out>tbody>tr:last-child>td, .real-tablein.real-nobor-out table>thead>tr:last-child>th, .real-tablein.real-nobor-out table>thead>tr:last-child>td, .real-tablein.real-nobor-out table>tbody>tr:last-child>th, .real-tablein.real-nobor-out table>tbody>tr:last-child>td {
    border-bottom:0;
}
.real-table.real-nobor-out>thead>tr>th:first-child, .real-table.real-nobor-out>thead>tr>td:first-child, .real-table.real-nobor-out>tbody>tr>th:first-child, .real-table.real-nobor-out>tbody>tr>td:first-child, .real-tablein.real-nobor-out table>thead>tr>th:first-child, .real-tablein.real-nobor-out table>thead>tr>td:first-child, .real-tablein.real-nobor-out table>tbody>tr>th:first-child, .real-tablein.real-nobor-out table>tbody>tr>td:first-child {
    border-left:0;
}
.real-table.real-nobor-out>thead>tr>th:last-child, .real-table.real-nobor-out>thead>tr>td:last-child, .real-table.real-nobor-out>tbody>tr>th:last-child, .real-table.real-nobor-out>tbody>tr>td:last-child, .real-tablein.real-nobor-out table>thead>tr>th:last-child, .real-tablein.real-nobor-out table>thead>tr>td:last-child, .real-tablein.real-nobor-out table>tbody>tr>th:last-child, .real-tablein.real-nobor-out table>tbody>tr>td:last-child {
    border-right:0;
}
/*无内部边框、无全部边框*/
 .real-table.real-nobor-in, .real-tablein.real-nobor-in table {
    border:1px solid #ddd;
}
.real-table.real-nobor-in>thead>tr>th, .real-table.real-nobor-in>thead>tr>td, .real-table.real-nobor-in>tbody>tr>th, .real-table.real-nobor-in>tbody>tr>td, .real-tablein.real-nobor-in table>thead>tr>th, .real-tablein.real-nobor-in table>thead>tr>td, .real-tablein.real-nobor-in table>tbody>tr>th, .real-tablein.real-nobor-in table>tbody>tr>td, .real-table.real-nobor-all>thead>tr>th, .real-table.real-nobor-all>thead>tr>td, .real-table.real-nobor-all>tbody>tr>th, .real-table.real-nobor-all>tbody>tr>td, .real-tablein.real-nobor-all table>thead>tr>th, .real-tablein.real-nobor-all table>thead>tr>td, .real-tablein.real-nobor-all table>tbody>tr>th, .real-tablein.real-nobor-all table>tbody>tr>td {
    border:0;
}
/*水平边框样式*/
 .real-table.real-bor-tr, .real-tablein.real-bor-tr table {
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.real-table.real-bor-tr>thead>tr>th, .real-table.real-bor-tr>thead>tr>td, .real-table.real-bor-tr>tbody>tr>th, .real-table.real-bor-tr>tbody>tr>td, .real-tablein.real-bor-tr table>thead>tr>th, .real-tablein.real-bor-tr table>thead>tr>td, .real-tablein.real-bor-tr table>tbody>tr>th, .real-tablein.real-bor-tr table>tbody>tr>td, .real-table.real-bor-tr-noout>thead>tr>th, .real-table.real-bor-tr-noout>thead>tr>td, .real-table.real-bor-tr-noout>tbody>tr>th, .real-table.real-bor-tr-noout>tbody>tr>td, .real-tablein.real-bor-tr-noout table>thead>tr>th, .real-tablein.real-bor-tr-noout table>thead>tr>td, .real-tablein.real-bor-tr-noout table>tbody>tr>th, .real-tablein.real-bor-tr-noout table>tbody>tr>td {
    border:0;
}
.real-table.real-bor-tr>thead>tr, .real-table.real-bor-tr>tbody>tr, .real-tablein.real-bor-tr table>thead>tr, .real-tablein.real-bor-tr table>tbody>tr, .real-table.real-bor-tr-noout>thead>tr, .real-table.real-bor-tr-noout>tbody>tr, .real-tablein.real-bor-tr-noout table>thead>tr, .real-tablein.real-bor-tr-noout table>tbody>tr {
    border-top:1px solid #ddd;
}
.real-table.real-bor-tr-noout, .real-tablein.real-bor-tr-noout table {
    border-bottom:0;
    border-left:0;
    border-right:0;
}
.real-table.real-bor-tr-noout>thead>tr:first-child, .real-table.real-bor-tr-noout>tbody>tr:first-child, .real-tablein.real-bor-tr-noout table>thead>tr:first-child, .real-tablein.real-bor-tr-noout table>tbody>tr:first-child {
    border-top:0;
}
/*表格圆角*/
 .real-table.real-round, .real-tablein.real-round table {
    border-collapse:separate;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.real-table.real-round>thead>tr>th, .real-table.real-round>thead>tr>td, .real-table.real-round>tbody>tr>th, .real-table.real-round>tbody>tr>td, .real-table.real-roundin table>thead>tr>th, .real-tablein.real-round table>thead>tr>td, .real-tablein.real-round table>tbody>tr>th, .real-tablein.real-round table>tbody>tr>td {
    border-right:0;
    border-bottom:0;
}
.real-table.real-round>thead>tr:first-child>th:first-child, .real-table.real-round>thead>tr:first-child>td:first-child, .real-table.real-round>tbody>tr:first-child>th:first-child, .real-table.real-round>tbody>tr:first-child>td:first-child, .real-tablein.real-round table>thead>tr:first-child>th:first-child, .real-tablein.real-round table>thead>tr:first-child>td:first-child, .real-tablein.real-round table>tbody>tr:first-child>th:first-child, .real-tablein.real-round table>tbody>tr:first-child>td:first-child {
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
}
.real-table.real-round>thead>tr:first-child>th:last-child, .real-table.real-round>thead>tr:first-child>td:last-child, .real-table.real-round>tbody>tr:first-child>th:last-child, .real-table.real-round>tbody>tr:first-child>td:last-child, .real-tablein.real-round table>thead>tr:first-child>th:last-child, .real-tablein.real-round table>thead>tr:first-child>td:last-child, .real-tablein.real-round table>tbody>tr:first-child>th:last-child, .real-tablein.real-round table>tbody>tr:first-child>td:last-child {
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
}
.real-table.real-round>thead>tr:last-child>th:first-child, .real-table.real-round>thead>tr:last-child>td:first-child, .real-table.real-round>tbody>tr:last-child>th:first-child, .real-table.real-round>tbody>tr:last-child>td:first-child, .real-tablein.real-round table>thead>tr:last-child>th:first-child, .real-tablein.real-round table>thead>tr:last-child>td:first-child, .real-tablein.real-round table>tbody>tr:last-child>th:first-child, .real-tablein.real-round table>tbody>tr:last-child>td:first-child {
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
}
.real-table.real-round>thead>tr:last-child>th:last-child, .real-table.real-round>thead>tr:last-child>td:last-child, .real-table.real-round>tbody>tr:last-child>th:last-child, .real-table.real-round>tbody>tr:last-child>td:last-child, .real-tablein.real-round table>thead>tr:last-child>th:last-child, .real-tablein.real-round table>thead>tr:last-child>td:last-child, .real-tablein.real-round table>tbody>tr:last-child>th:last-child, .real-tablein.real-round table>tbody>tr:last-child>td:last-child {
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
}
/*间隔背景色*/
 .real-table.real-odd>thead>tr:nth-child(odd), .real-table.real-odd>tbody>tr:nth-child(odd), .real-table.real-even>thead>tr:nth-child(even), .real-table.real-even>tbody>tr:nth-child(even), .real-tablein.real-odd table>thead>tr:nth-child(odd), .real-tablein.real-odd table>tbody>tr:nth-child(odd), .real-tablein.real-even table>thead>tr:nth-child(even), .real-tablein.real-even table>tbody>tr:nth-child(even) {
    background:#f8f8f8;
}
/*鼠标悬停*/
 .real-table.real-hover>thead>tr:hover, .real-table.real-hover>tbody>tr:hover, .real-tablein.real-hover table>thead>tr:hover, .real-tablein.real-hover table>tbody>tr:hover {
    background:#fbffe4;
    color:#222;
}
/*****表格*****/

/*****时间轴*****/
        .real-timeLine1 {margin: 60px auto 0;overflow: hidden;position: relative}
        .real-timeLine1 li {background: url(../img/back1.gif) repeat-y 179px 0;padding-bottom: 30px;zoom: 1;display: flex;}
        .real-timeLine1 li:after {content:" ";display: block;height: 0;clear: both;visibility: hidden;}
        .real-timeLine1 li:last-child {background:none !important;}
        .real-timeLine1 li p {background:url(../img/icon1.jpg) no-repeat 172px 0;display:inline-block;width:168px;font-size: 16px;text-align:right;padding-right:20px;color:#1296db;}
        .real-timeLine1 li p span {display: block;color: #6fceff;font-size: 12px;}
        .real-timeLine1 li .con {width: calc(100% - 230px);display:inline-block;padding-left: 30px;}
        .real-timeLine1 li .con img{max-width: 100%;}

        /* .on  */
        .real-timeLine1 li.on{background: url(../img/back2.png) repeat-y 179px 0;}
        .real-timeLine1 li.on p {background:url(../img/icon2.jpg) no-repeat 172px 0;color: #1db702;}
        .real-timeLine1 li.on p span {color: #a8dda3;}

        /* .on 下面的li  */
        .real-timeLine1 li.on ~ li{background: url(../img/back3.gif) repeat-y 179px 0;}
        .real-timeLine1 li.on ~ li p {background:url(../img/icon3.jpg) no-repeat 172px 0;color: #c3c3c3;}
        .real-timeLine1 li.on ~ li p span {color: #d0d0d0;}
/*****时间轴*****/